::-webkit-scrollbar {
  width: 6px; /*滚动条宽度*/
  height: 6px;
  background: transparent;

  // transition: background 0.5s;
  // background-color: rgb(164, 164, 164); /*滚动条的背景颜色*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  // box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset; /*滚动条的背景区域的内阴影*/
  border-radius: 6px; /*滚动条的背景区域的圆角*/
  background-color: rgb(250, 250, 250); /*滚动条的背景颜色*/
}
/* 滚动条的滑块部分 */
::-webkit-scrollbar-thumb {
  /* 设置默认的光标类型为默认箭头 */
  cursor: pointer;
}
/* 滚动条的滑块部分在鼠标移入时 */
::-webkit-scrollbar-thumb:hover {
  /* 设置光标类型为手形 */
//   cursor: pointer;
}
/*定义滑块 内阴影+圆角*/
:hover::-webkit-scrollbar-thumb {
  // box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4) inset; /*滚动条的内阴影*/
  border-radius: 6px; /*滚动条的圆角*/
  background: rgb(170, 39, 39); /*滚动条的背景颜色*/
}
// * {
//   cursor: pointer;
// }
